<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>上海工商外国语职业学院</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <!-- 导航栏 -->
    <header class="headbar">
        <div class="headbar-top">
            <div class="container">
                <div class="top-row">
                    <div class="row-container">
                        <div class="top-input">
                            <form action="" target="_blank">
                                <input type="submit" value="" class="submitbtn">
                                <input type="text" placeholder=" 请输入关键字" class="keyword">
                            </form>
                        </div>
                        <ul class="top-right">
                            <li><a href="#" onclick="getvalue">登陆</a></li>
                            <li><a href="#">English</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-navbar">
            <!-- logo -->
            <div class="logo">
                <div class="container">
                    <div class="headbar-logo">
                        <img src="./img/logo2.png" alt="" style="float:right;">
                    </div>
                </div>
            </div>
            <div class="nav">
                <div class="container-nav">
                    <!-- nav -->
                    <div class="navbar">
                        <ul class="firstlist">
                            <li class="dropdown"><a href="" title="首页">首页</a></li>
                            <li class="dropdown">
                                <a href="" title="学院概况">学院概况</a>
                                <ul class="secondlist">
                                    <li class="dropdown2"><a href="" title="学校工会">学校工会</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="" title="校园文化">校园文化</a>
                                <ul class="secondlist">
                                    <li class="dropdown2"><a href="" title="团学工作">团学工作</a></li>
                                    <li class="dropdown2"><a href="" title="心理健康">心理健康</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="" title="教学研究">教学研究</a>
                                <ul class="secondlist">
                                    <li class="dropdown2"><a href="" title="高职教育">高职教育</a></li>
                                    <li class="dropdown2"><a href="" title="继续教育">继续教育</a></li>
                                </ul>
                            </li>
                            <li class="dropdown"><a href="" title="人才引进">人才引进</a></li>
                            <li class="dropdown">
                                <a href="" title="招生就业">招生就业</a>
                                <ul class="secondlist">
                                    <li class="dropdown2"><a href="" title="就业处">就 业 处</a></li>
                                </ul>
                            </li>
                            <li class="dropdown"><a href="" title="国际交流">国际交流</a></li>
                            <li class="dropdown"><a href="" title="信息公开">信息公开</a></li>
                            <li class="dropdown">
                                <a href="" title="处室导航">处室导航</a>
                                <ul class="secondlist">
                                    <li class="dropdown2"><a href="" title="教务处">教 务 处</a></li>
                                    <li class="dropdown2"><a href="" title="学生处">学 生 处</a></li>
                                    <li class="dropdown2"><a href="" title="后保处">后 保 处</a></li>
                                    <li class="dropdown2"><a href="" title="人事处">人 事 处</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="" title="常用服务">常用服务</a>
                                <ul class="secondlist">
                                    <li class="dropdown2"><a href="" title="图书馆">图 书 馆</a></li>
                                    <li class="dropdown2"><a href="" title="文明创建">文明创建</a></li>
                                    <li class="dropdown2"><a href="" title="附属中学">附属中学</a></li>
                                    <li class="dropdown2"><a href="" title="表格下载">表格下载</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </header>
    <!-- 轮播图 -->
    <div class="focus">
        <a class="arrow-l"><img src="./img/left.png" alt=""></a>
        <a class="arrow-r"><img src="./img/right.png" alt=""></a>
        <ul id="images">
            <li><a href="javascript:;"><img src="./img/1.jpg" width="1235px" height="428px" alt=""></a></li>
            <li><a href="javascript:;"><img src="./img/2.jpg" width="1235px" height="428px" alt=""></a></li>
            <li><a href="javascript:;"><img src="./img/3.jpg" width="1235px" height="428px" alt=""></a></li>
            <li><a href="javascript:;"><img src="./img/4.jpg" width="1235px" height="428px" alt=""></a></li>
        </ul>
        <ol class="circle"></ol>
    </div>
    <!-- 主体 -->
    <div class="main-grid">
        <!-- 新闻通知 -->
        <section class="section-news">
            <div class="container">
                <div class="section-header">
                    <div class="main-rows">
                        <span class="left"><a class="news-left" href="" title="通知公告">通知公告</a></span>
                        <span class="right"><a class="news-right" href="" title="更多">更多>></a></span>
                    </div>
                    <div class="main-rows">
                        <span class="left"><a class="news-left" href="" title="学校新闻">学校新闻</a></span>
                        <span class="right"><a class="news-right" href="" title="更多">更多>></a></span>
                    </div>
                    <div class="main-rows">
                        <span class="left"><a class="news-left" href="" title="媒体报道">媒体报道</a></span>
                        <span class="right"><a class="news-right" href="" title="更多">更多>></a></span>
                    </div>
                </div>
                <div class="section-body">
                    <div class="main-body-rows">
                        <ul class="newslist">
                            <li class="news-row">
                                <a class="news-names" href="">2022年学校招聘简章</a>
                                <span class="news-times">03月09日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href=""
                                    title="关于组织参加“维护国家安全 护航城市发展——学习贯彻《上海市反间谍安全防范条例》”主题征文活动的通知">关于组织参加“维护国家安全
                                    护航城市发展——学习贯彻《上海市反间谍安全防范条例》”主题征文活动的通知”</a>
                                <span class="news-times">03月05日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href=""
                                    title="关于转发申报中国民办教育协会2022年度规划课题的通知">关于转发申报中国民办教育协会2022年度规划课题的通知</a>
                                <span class="news-times">02月28日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href="" title="关于新学期教材发放的通知">关于新学期教材发放的通知</a>
                                <span class="news-times">02月26日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href=""
                                    title="关于转发2022年度教育部人文社会科学研究一般项目申报工作的通知">关于转发2022年度教育部人文社会科学研究一般项目申报工作的通知</a>
                                <span class="news-times">02月10日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href="" title="2022年春季学期开学返校须知">2022年春季学期开学返校须知</a>
                                <span class="news-times">02月10日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href="" title="关于做好寒假期间安全工作的通知">关于做好寒假期间安全工作的通知</a>
                                <span class="news-times">01月10日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href=""
                                    title="关于本学期“学习强国”平台“学习标兵”和“优秀管理员”评选结果的通知">关于本学期“学习强国”平台“学习标兵”和“优秀管理员”评选结果的通知</a>
                                <span class="news-times">01月03日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href="" title="关于学生2021年度医疗费用报销的通知">关于学生2021年度医疗费用报销的通知</a>
                                <span class="news-times">12月28日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href="" title="2021年度中高级职称评审的通知">2021年度中高级职称评审的通知</a>
                                <span class="news-times">12月23日</span>
                            </li>
                        </ul>
                    </div>
                    <div class="main-body-rows">
                        <ul class="newslist">
                            <li class="news-row">
                                <a class="news-names" href="" title="专题|党史学习教育">专题|党史学习教育</a>
                                <span class="news-times" title="03月23日">03月23日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href="" title="学校举行2022年春季参军入伍新兵欢送会">学校举行2022年春季参军入伍新兵欢送会</a>
                                <span class="news-times" title="03月13日">03月13日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href="" title="职业规划与就业指导教研室开展新学期教研室活动">职业规划与就业指导教研室开展新学期教研室活动</a>
                                <span class="news-times" title="03月03日">03月03日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href="" title="欧洲语言文化学院召开新学期工作会">欧洲语言文化学院召开新学期工作会</a>
                                <span class="news-times" title="03月01日">03月01日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href=""
                                    title="凝心聚力，起航新学期——新媒体与文法学院新学期工作会议">凝心聚力，起航新学期——新媒体与文法学院新学期工作会议</a>
                                <span class="news-times" title="02月28日">02月28日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href="" title="应用俄语专业第五批学生赴白俄罗斯本硕连读">应用俄语专业第五批学生赴白俄罗斯本硕连读</a>
                                <span class="news-times" title="02月10日">02月10日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href="" title="校领导看望慰问假期在岗员工和留校师生">校领导看望慰问假期在岗员工和留校师生</a>
                                <span class="news-times" title="02月01日">02月01日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href="" title="市教委“促发展、保安全”检查组到校检查指导">市教委“促发展、保安全”检查组到校检查指导</a>
                                <span class="news-times" title="01月26日">01月26日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href="" title="“砥砺心志，铿锵前行”学校为孙岩颁发校长奖">“砥砺心志，铿锵前行”学校为孙岩颁发校长奖</a>
                                <span class="news-times" title="01月22日">01月22日</span>
                            </li>
                            <li class="news-row">
                                <a class="news-names" href="" title="强化红色引领 助推校地联动——学校党委与东城社区党委开展联组学习研讨会">强化红色引领
                                    助推校地联动——学校党委与东城社区党委开展联组学习研讨会</a>
                                <span class="news-times" title="01月21日">01月21日</span>
                            </li>
                        </ul>
                    </div>
                    <div class="main-body-row">
                        <div class="right-flex">
                            <div class="right-top">
                                <ul class="newslist">
                                    <li class="news-row">
                                        <a class="news-names" href=""
                                            title="上海教育新闻网：上海工商外国语职业学院启动“双研究工作室">上海教育新闻网：上海工商外国语职业学院启动“双研究工作室</a>
                                    </li>
                                    <li class="news-row">
                                        <a class="news-names" href="" title="上海电视台 | 工商外探索打造职业化、专业化、专家型辅导员队伍">上海电视台 |
                                            工商外探索打造职业化、专业化、专家型辅导员队伍</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="right-bottom">
                                <div class="right-bottom-rows">
                                    <span class="left"><a class="news-left" href="" title="视频专区">视频专区</a></span>
                                    <span class="right"><a class="news-right" href="" title="更多">更多>></a></span>
                                </div>
                                <ul class="newslist">
                                    <li class="news-row">
                                        <a class="news-names" href="" title="上海工商外国语职业学院介绍">上海工商外国语职业学院介绍</a>
                                    </li>
                                    <li class="news-row">
                                        <a class="news-names" href="" title="反诈骗校园行安全教育片">反诈骗校园行安全教育片</a>
                                    </li>
                                    <li class="news-row">
                                        <a class="news-names" href="" title="工商外一日游">工商外一日游</a>
                                    </li>
                                    <li class="news-row">
                                        <a class="news-names" href=""
                                            title="上海教育电视台升学与就业（上海工商外国语职业学院）">上海教育电视台升学与就业（上海工商外国语职业学院）</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 更多链接 -->
        <section class="section-link">
            <div class="container">
                <div class="links-main">
                    <ul class="linkslist">
                        <li class="links-row">
                            <a class="links-img" href=""><img src="./img/tsg.jpg" alt="" width="200px"
                                    height="45px"></a>
                        </li>
                        <li class="links-row">
                            <a class="links-img" href=""><img src="./img/yywz.jpg" alt="" width="200px"
                                    height="45px"></a>
                        </li>
                        <li class="links-row">
                            <a class="links-img" href=""><img src="./img/jingpin.jpg" alt="" width="200px"
                                    height="45px"></a>
                        </li>
                        <li class="links-row">
                            <a class="links-img" href=""><img src="./img/yiban.gif" alt="" width="200px"
                                    height="45px"></a>
                        </li>
                        <li class="links-row">
                            <a class="links-img" href=""><img src="./img/gswxb.jpg" alt="" width="200px"
                                    height="45px"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- 学院图标链接 -->
        <section class="section-college">
            <div class="container">
                <div class="college-top">
                    <ul class="college-main">
                        <li class="college-rows">
                            <a href=""><img src="./img/yyxy2.jpg" alt="" width="225px" height="93px"></a>
                        </li>
                        <li class="college-rows">
                            <a href=""><img src="./img/eup1.jpg" alt="" width="225px" height="93px"></a>
                        </li>
                        <li class="college-rows">
                            <a href=""><img src="./img/df.png" alt="" width="225px" height="93px"></a>
                        </li>
                    </ul>
                </div>
                <div class="college-bottom">
                    <ul class="college-main">
                        <li class="college-rows">
                            <a href=""><img src="./img/xtu12.jpg" alt="" width="225px" height="93px"></a>
                        </li>
                        <li class="college-rows">
                            <a href=""><img src="./img/wf1.png" alt="" width="225px" height="93px"></a>
                        </li>
                        <li class="college-rows">
                            <a href=""><img src="./img/zngc.png" alt="" width="225px" height="93px"></a>
                        </li>
                        <li class="college-rows">
                            <a href=""><img src="./img/cyxy.jpg" alt="" width="225px" height="93px"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
    </div>
    <!-- 页脚 -->
    <footer class="footer">
        <div class="footer-links">
            <div class="container">
                <ul class="footerlinks">
                    <li>· 友情链接：</li>
                    <li><a href="https://www.shanghai.gov.cn/" target="_blank">上海市人民政府</a></li>
                    <li><a href="http://www.moe.gov.cn/" target="_blank">中华人民共和国教育部</a></li>
                    <li><a href="http://edu.sh.gov.cn/" target="_blank">上海教育委员会</a></li>
                    <li><a href="http://www.tech.net.cn/" target="_blank">中国高职高专教育网</a></li>
                    <li><a href="http://www.shmeea.edu.cn/page/index.html" target="_blank">上海教育考试院</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-main">
            <div class="container">
                <div class="footer-container">
                    <div class="footer-left">
                        <img src="./img/sicfl_logo_tm_baise.png" alt="" width="200px" height="167px">
                    </div>
                    <div class="footer-center">
                        <img src="./img/sicfl_fwh.png" alt="" width="118px" height="106px">
                        <p> 学校公众号</p>
                    </div>
                    <div class="footer-right">
                        <p>地址：上海市浦东新区惠南镇观海路505号</p>
                        <p>电话：021-68020621</p>
                        <p>传真：021-68020687</p>
                        <p>邮编：201399</p>
                    </div>
                </div>
                <div class="footer-bottom">
                    <ul>
                        <li>
                            CopyRight © 2022 上海工商外国语职业学院版权所有 Shanghai Industrial and Commercial Foreign Language
                            Vocational College. All rights reserved.
                        </li>
                        <li>
                            <img src="./img/icpba.png" alt=""><a>沪ICP备05052067号-1</a>
                            <img src="./img/gaba.png" alt=""><a>等保备31000058015-18001</a>
                            <img src="./img/gaba.png" alt=""><a>沪公网安备31011502006878号</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
</body>
<script src="jquery-3.6.0.min.js"></script>
<script src="index.js"></script>
<script src="text.js"></script>

</html>